*{margin: 0;padding: 0}
        
html,body{height: 100%}

 .outer-wrap{
            /*只有同时为html和body设置height: 100%时，这里的height才生效，
            并且随浏览器窗口变化始终保持和浏览器视窗等高*/
            height: 100%;    
            position: relative;
            background-color: #036;
            
}
.login{
            width: 600px;
            height: 300px;
            background-color: #fff;
            position: absolute;
            top: 46%;
   			 left: 43%;
            margin-top: -150px;
            margin-left: -200px;
            border-radius: 5px;
   			box-shadow: 0 0 50px #8c939a;
}
.header{
	margin: 20px 0;
	height: 50px;
	text-align: center;
}
.footer{
	margin-top: 50px;
}